<!DOCTYPE html>
<html>
<head>
	<title>注册</title>
	<meta http-equiv="Content-Type" Content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" type="text/css" href={{ url_for('static', filename = 'css/bootstrap.min.css') }}>
    <link rel="stylesheet" type="text/css" href={{ url_for('static', filename = 'css/login.css') }}>
    <link rel="stylesheet" type="text/css" href={{ url_for('static', filename = 'css/nav.css') }}>
    <link rel="stylesheet" type="text/css" href={{ url_for('static', filename = 'css/footer.css') }}>
</head>

<body>
<div class="container-fluid main" style="background:url({{ url_for('static', filename='img/background.jpg') }}) no-repeat;background-size: cover;padding: 0">
  <nav class="navbar navbar-default">
    <div class="container-fluid nav-con">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="{{ url_for('index.index') }}">
          <img class="logo" src="../static/img/logo.png">
        </a>
        <a class="navbar-brand" href="{{ url_for('index.index') }}" style="padding-top: 2rem;color: white">
           <span class="sign" style="font-size: 1.6rem">品质好书 让生活更美好</span>
        </a>
      </div>
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav navbar-right">
          <li class="navli"><a href="{{ url_for('index.index') }}">首页</a></li>
        </ul>
      </div>
    </div>
  </nav>
<div class="col-md-3 col-xs-1"></div>
<div class="col-md-6 col-xs-10 logindiv" style="border: 2px solid #e8e8e8;height: 42rem">
  <div class="login-h" style="border-color: #5CB85C">
    <h3 class="loginh">
      <a href="{{ url_for('login.login') }}" style="color: #5CB85C">登录</a> or
      注册
    </h3>
  </div>

  <form class="form-horizontal login-f" method = 'post'>
    {{ form.hidden_tag() }}
    <div class="form-group">
      <label for="inputName" class="col-sm-2 control-label">Username</label>
      <div class="col-sm-10">
        {{ form.user(size=20,type="text" ,class="form-control forminput" ,id="inputName" ,placeholder="用户名 Username") }}
      </div>
    </div>

    <div class="form-group">
      <label for="inputPhone" class="col-sm-2 control-label">Username</label>
      <div class="col-sm-10">
        {{ form.phone(size=20,type="text" ,class="form-control forminput" ,id="inputPhone" ,placeholder="手机号 PhoneNumber") }}
      </div>
    </div>

    <div class="form-group">
      <label for="inputEmail" class="col-sm-2 control-label">Username</label>
      <div class="col-sm-10">
        {{ form.email(size=20,type="text" ,class="form-control forminput" ,id="inputEmail" ,placeholder="邮箱地址") }}
      </div>
    </div>

    <div class="form-group">
      <label for="inputPassword" class="col-sm-2 control-label">Password</label>
      <div class="col-sm-10">
       {{ form.pwd(size=20,type="password" ,class="form-control forminput" ,id="inputPwd" ,placeholder="密码 Password") }}
      </div>
    </div>
        {{ form.csrf_token }}
    <div class="form-group">
      <label for="inputPassword" class="col-sm-2 control-label" >Password</label>
      <div class="col-sm-10">
       {{ form.pwd2(size=20,type="password" ,class="form-control forminput" ,id="inputPwd" ,placeholder="确认密码 Password") }}
      </div>
    </div>

    <div class="form-group">
      <div class="col-sm-offset-3  col-sm-4">
        {{ form.submit( class="form-control btn btn-success", style="transition: all 0.6s;") }}
      </div>
    </div>

  </form>
</div>
</div>
</div>
<footer class="bs-docs-footer">
  <div class="col-md-12">
    <p>
    <a href="#">关于布可</a>
    <a href="#">合作伙伴</a>
    <a href="#">营销中心</a>
    <a href="#">廉正举报</a>
    <a href="#">联系客服</a>
    <a href="#">开放平台</a>
    <a href="#">诚征英才</a>
    <a href="#">联系我们</a>
    <a href="#">网站地图</a><br/><br/>
    <em>Copyright © 2017 西安工业大学 All Rights Reserved</em>
    </p>

  </div>
</footer>


</body>
</html>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/bootstrap.min.js"></script>